<template>
	<view class="bz p-2">
		<view class="bz p-2 bg-white b-radius2 d-flex flex-nowrap a-center">
			<image src="/static/4.png" class="icons" mode=""></image>
			<view class="flex-1 px-2 title" @click="navToAdd">添加地址</view>
			<view class="add">编辑</view>
		</view>
		
		<view class="bz p-2 bg-white b-radius2 mt-2 d-flex flex-nowrap a-center" v-for="(item,index) in 5" :key="index">
			<view class="flex-1 pr-2">
				<view class="address">广东省/广州市/白云区 广州市白云区三元里大道宏泰大厦6楼</view>
				<view class="phone">谢先生  13100000000</view>
			</view>
			<view class="d-flex flex-nowrap a-center">
				<image src="/static/5.png" class="edit" mode=""></image>
				<image src="/static/6.png" class="edit1" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			navToAdd(){
				uni.navigateTo({
					url:"/pages/shop/address/add/add"
				})
			}
		}
	}
</script>

<style scoped lang="scss">
.icons{
	width: 40rpx;
	height:40rpx;
}
.title{
	font-size: 30rpx;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #363636;
}
.add{
	width: 80rpx;
	height: 35rpx;
	line-height: 35rpx;
	background: #2E4E7E;
	border-radius: 12rpx;
	font-size: 23rpx;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
}
.address{
	font-size: 30rpx;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #363636;
	line-height: 45rpx;
}
.phone{
	font-size: 27rpx;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #848484;
	padding-top:10rpx;
}
.edit{
	width:35rpx;
	height: 35rpx;;
}
.edit1{
	width:35rpx;
	height: 35rpx;
	margin-left: 20rpx;
}
</style>
